<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>食品安全小卫士评选</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/blendui/2.0.0/boost.min.css" />
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/template/default/css/webapp.css" />
  <script type="text/javascript" src="__PUBLIC__/template/default/js/jquery.min.js"></script>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/blendui/2.0.0/boost.min.js"></script>
  
  <style>
      body{
		background-image: url(__PUBLIC__/template/default/img/acsuzhou/background.png);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: 0% 63%;
		background-color: #F1FBFE;
      }
      .blend-panel{background-color: #fafcfb;}
      .blend-picture-full img{
          margin: 0;
      }
      .top_create_bg{
          width: 100%;
          background-size:contain;
      }
      
        
      .top_create_bg [class*=blend-col-]{
			background-color:#fff;
          border: none;
      }
      
      .top_create_bg [class*=blend-col-4]{
          background-color:#fff;
          border: none;
          color: #f9493c;
          text-align: center;
          /*font-weight: 700;*/
      }
      
      .page_bg [class*=blend-col-]{
          background-color:#F1FBFE;
          border: none;
          font-size: 1.5rem;
      }
      
      .page_bg [class*=blend-col-8]{
          background-color:#fefefe;
          border: none;
          color: #f9493e;
          text-align: center;
          font-size: 2rem;
      }
      .page_bg [class*=blend-col-9]{
          background-color:#fefefe;
          border: none;
          color: #f9493e;
          text-align: center;
          font-size: 2rem;
      }
      
      .page_bg .current,.page_bg .num,.page_bg .prev,.page_bg .next,.page_bg .end,.page_bg .first{
          display: inline-block;
        padding: 5px;
        color: #f9493e;
        border: 1px solid #f9493e;
        width: 3.2rem;
        height: 4rem;
        text-align: center;
        line-height: 3rem;
          
      }
      .page_bg .current{
          color: #fff;
          background-color: #f9493e;
      }
      
      .page_bg .num a,.page_bg .prev a,.page_bg .next a{
          color: #f9493e;
      }
      
      
      .create_option_btn,.create_option_btn:focus,.create_option_btn:hover{
          background-color: #f9493c;
          border-radius: 10px;
          border: none;
          box-shadow: 1px 3px 2px 1px #A30001;
      }
      
      .blend-suggest-input-gray .blend-suggest-ico{
          background-color: #2DBEFF;
      }
      .blend-suggest-input-gray input{
          background-color: #fafcfb;
      }
      .blend-suggest-input-gray{
          border-color: #2DBEFF;
          border-radius:5px;
      }
      .btn_show,.btn_show:focus,.btn_show:active,.btn_show:hover
      {
      	border-radius:4%;
          background-color: #2DBEFF;
          border: none;
          color: #fff;
      }
      
      .btn_show_foucus,.btn_show_foucus:focus,btn_show_foucus:active,.btn_show_foucus:hover
      {
      	border-radius:4%;
          background-color: #2DBEFF;
      }
      .blend-card-img-view-img{
          width: 130px;
          height: 130px;
          float: left;
          
      }
      .blend-card-img-view-content{
          
          /*background-color: #fff000;*/
          /*float: right;*/
      }
      .blend-card-title{
          font-size: 1.4rem;
      }
      .blend-card-sub-title.blend-card-small-title{
          font-size: 1.5rem;
          padding: 0.5rem 0 0 0;
      }
      .vote_btn{
          position: absolute;
          bottom: 10px;
          border-radius: 24px;
          background-color: #FF6C61;
          border: none;
          color: #fff;
          right: 1rem;
          height: 3rem;
          width: 7rem;
          font-size: 1.5rem;
      }
      .blend-button-group, .blend-card{
      	/*background-color: transparent;*/
      }
      .user_id span{
		color: #fff;
		float: right;
		margin-top: 5%;
		font-size: 1.5rem;
		margin-right: 10%;
      }
      .user_id{
      	width:100%; 
      	height: 25%;
      	background-color:rgba(0, 163, 231,0.5);
      	position: relative;
      	top:-20%;
      }
      .blend-card{
      	padding-left: 0px;
      }
      .blend-col-1, .blend-col-10, .blend-col-11, .blend-col-12, .blend-col-2, .blend-col-3, .blend-col-4, .blend-col-5, .blend-col-6, .blend-col-7, .blend-col-8, .blend-col-9{
      	padding: 0;
      	padding-top:10px;
      	padding-left: 10px;
      	padding-right: 10px;
      }
      
  </style>
</head>

<body>
    <!--头部图片-->
    <figure class="blend-picture blend-picture-full ">
       <img src="__PUBLIC__/template/default/img/acsuzhou/banner.png"> 
    </figure>

   <!--我要报名-->
   <div style="background-color:#fff;">
   <div class="blend-grid blend-container-fluid top_create_bg">
       <div class="blend-row" style="padding-top: 5%;">
           <span class="blend-col-4">
           	<span style="background-color:#4CE1C3; color:#fff; width:100%; border-radius:7%;">
               <span style="font-size:1.4rem">已报名</span>
               <br/>
               <span style="font-size:1.5rem; font-weight: 700; ">{$statistics_data.join_count}</span>
              </span>
           </span>
           <span class="blend-col-4">
           <span style="background-color:#FF966C; color:#fff; width:100%; border-radius:7%;">
               <span style="font-size:1.4rem">投票人次</span>
               <br/>
               <span style="font-size:1.5rem; font-weight: 700;">{$statistics_data.vote_count}</span>
           </span>
           </span>
           <span class="blend-col-4">
           <span style="background-color:#FFBE3C; color:#fff; width:100%; border-radius:7%;">
               <span style="font-size:1.4rem" id="pv_num">访问量</span>
               <br/>
               <span style="font-size:1.5rem; font-weight: 700;">{$statistics_data.view_count}</span>
           </span>
           </span>
       </div>
   </div>
   
   <!--搜索框-->
   	<div class="blend-suggest-wrap" id="inputGray" style="width:95%; margin:0 auto; margin-top:4%; margin-bottom:4%;">
        <div class="blend-suggest">
           <div class="blend-suggest-input-gray" style="background-color:#2DBEFF;">
               <input class="blend-suggest-wd" type="search" id='search_keywords' placeholder="输入参赛姓名或编号">
               <a href="#" class="blend-suggest-delete"></a>
               <span class="blend-suggest-ico"></span>
           </div>
        </div>
    </div>
    </div>
   <!--参赛作品-->

   	<div style=" padding: 10px;">
            <a href="{:U('M/Acsuzhou/xws_rank',array('type'=>0,'id'=>$id))}" class="blend-button blend-button-default btn_show btn_show_foucus">班级排名</a>
        <a href="{:U('M/Acsuzhou/xws_rank',array('type'=>1,'id'=>$id))}"  class="blend-button blend-button-default btn_show">学校排名</a>
   	</div>
   	<volist name="list" id="vo">
        <div class="blend-card blend-card-no-icon" style=" margin:0 auto; position: relative; width:90%;  height: 150px; border: 1px solid #efeff0; margin-bottom:10px;">
            <div class="blend-card-img-view blend-card-img-view-img">
                <img src="{$vo.thumb}">
                <div class="user_id"><span>{$vo.id}号</span></div>
            </div>
            <div class="blend-card-content-view blend-card-img-view-content" style=" max-height: 72px;">
                <div class="blend-card-title">
                    <span style='color: #FF6C61;'>{$vo.vote_num}票/第{$vo.rank}名</span> <span style='float:right; color: #2DBEFF;'>{$vo.name}</span> 
                </div>
                <div class="blend-card-sub-title blend-card-small-title">{$vo.slogan}</div>
                <div class="blend-card-sub-title blend-card-small-title" >
                    <a href="{:U('M/Acsuzhou/xws_vote_detail',array('id' => $vo['id']))}"><button class="blend-button blend-button-default vote_btn">投票</button></a>
                </div>
                

            </div>
        </div>
    </volist>
   <!--分页-->
   <div class="blend-grid blend-container-fluid page_bg">
       <div class="blend-row blend-panel-center">
           <span class="blend-col-12">
               {$show}
           </span>
       </div>
       
   </div>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">

	$(document).ready(function(){

    $.ajax({
        type:'post',
        url:"{:U('M/Acsuzhou/add_pv_xws')}",
        data:{num:1},
        dataType:'json',
        success:function(data){

        }
    });


		$(".blend-suggest-ico").bind('click',function(){

			var search_keywords = $("#search_keywords").val();
			var url = "{:U('M/Acsuzhou/xws_rank')}" + "?search_keywords=" + search_keywords;
			// alert(url); return;
			window.location.href = url;
		});
	});
</script>
<?php require_once 'cs.php';echo '<img src="'._cnzzTrackPageView(1256622573).'" width="0" height="0"/>';?>
<include file="Index/foot_analyze"/>
</body>
</html>